import { useState } from 'react'
import AddCabin from '../features/cabins/AddCabin.jsx'
import CabinTable from '../features/cabins/CabinTable'
import Heading from '../ui/Heading'
import Row from '../ui/Row'
import CabinTableOperations from '../features/cabins/CabinTableOperations.jsx'

function Cabins() {
	const [_showForm, _setShowForm] = useState(false)
	return (
		<>
			<Row type='horizontal'>
				<Heading as='h1'>All cabins</Heading>
				<CabinTableOperations />
			</Row>

			<Row>
				<CabinTable />
				<AddCabin />
			</Row>
		</>
	)
}

export default Cabins
